<script setup>
import HelloWorld from './components/HelloWorld.vue'
import TheWelcome from './components/TheWelcome.vue'
import NavBar from "@/components/NavBar.vue";
</script>

<template>
<!--  <header>-->
<!--    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />-->

<!--    <div class="wrapper">-->
  <div id="app">

  </div>
<!--      <HelloWorld msg="This is Tang" />-->
  <NavBar />
  <router-view class="main-content" />
<!--    </div>-->
<!--  </header>-->

<!--  <main>-->
<!--    <TheWelcome />-->
<!--  </main>-->
</template>

<style scoped>
#app {
  font-family: Arial, sans-serif;
}

.main-content {
  margin-top: 80px; /* 留出导航栏高度 */
  padding: 20px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* 全局样式调整 */
.el-menu--horizontal {
  padding: 0 40px;
}

.el-sub-menu .el-menu-item {
  min-width: 150px;
}
</style>
